<template>
  <div>
    <img class="logo" src="/logo.png" />
    <HelloWorld msg="北京使命科技发展有限公司" />
    <van-sidebar v-model="active">
      <van-sidebar-item title="下载页面" url="/#/download" />
      <van-sidebar-item title="报名页面" url="/#/applicationForm" />
      <van-sidebar-item title="隐私政策页面" url="/#/privacyPolicy" />
    </van-sidebar>
  </div>
</template>
<script setup>
import { ref } from "vue";
import HelloWorld from '@/components/HelloWorld.vue'
const active = ref(10);
</script>
<style scoped lang="scss">
.logo{
  width: 100px;
  display: block;
  margin: 50px auto 20px auto;
}
.van-sidebar{
    width: 50vw;
    .van-sidebar-item {
      background: none;
    }
    :deep(.van-sidebar-item__text) {
      color: blue;
    }
}
</style>
